@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.99d262.eot);
    src: url(../fonts/iconfont.99d262.eot#iefix) format("embedded-opentype"), url(../fonts/iconfont.4e7d01.woff2) format("woff2"), url(../fonts/iconfont.5be64f.woff) format("woff"), url(../fonts/iconfont.106c49.ttf) format("truetype")
}
.list-text a{
font-size:12px;
color:#666 !important;
}
body{
    overflow-x: hidden;
}

.product-center-list-content a{
padding-left:26px;
}
.iconfont {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal
}

.icon-guangfu:before {
    content: "\e602"
}

.icon-setting:before {
    content: "\e627"
}

.icon-download:before {
    content: "\ec1d"
}

.icon-check:before {
    content: "\ec4c"
}

.icon-fuzhi:before {
    content: "\ec7a"
}

.icon-edit:before {
    content: "\e675"
}

.icon-shanchu:before {
    content: "\e633"
}

.icon-table-add:before {
    content: "\e6ca"
}

.icon-nbq-sx:before {
    content: "\e72c"
}

.icon-nbq-kx:before {
    content: "\e6c8"
}

body {
    margin: 0
}

@font-face {
    font-family: D-DIN;
    src: url(../fonts/D-DIN-PRO.672e06.otf)
}

.tabs {
    background: #fff;
    box-shadow: 0 2px 30px 0 #e7ebf3;
    height: 60px;
    line-height: 60px;
    top: 0;
    width: 100%;
    z-index: 1
}

.tabs .tabs-list {
    display: flex;
    margin: 0 auto;
    width: 1440px
}

.tabs .tabs-list .tabs-title-active {
    border-bottom: 2px solid #2076ff;
    color: #2076ff !important
}

.tabs .tabs-list .tabs-title {
    color: #484848;
    cursor: pointer;
    font-size: 14px;
    height: 60px;
    margin-right: 90px;
    text-align: center;
    width: 60px
}

.banner-video {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-32%, -50%);
    transform: translate(-32%, -50%)
}

@media screen and (min-width:1200px) and (max-width:1500px) {
    .gw-solution-list-content-subtitle {
        width: 132px !important
    }
    .solution-card-cover {
        width: 672px !important
    }
    .about-banner-content,
    .ant-tabs-nav-list,
    .banner-content,
    .gw-brief .gw-brief-introduction,
    .gw-cooperate .gw-cooperate-content,
    .gw-corporate-purpose .gw-corporate-purpose-content,
    .gw-product .gw-product-content,
    .gw-solution .gw-solution-content,
    .home-carousel,
    .new-banner-content,
    .product-banner-content,
    .service-banner-content,
    .solution-banner-content,
    .tabs-list,
    .xy-header-content {
        max-width: 1240px !important;
        min-width: 1240px !important
    }
    .gw-solution .gw-solution-content .gw-solution-list .gw-solution-list-background .gw-solution-list-content .solution-card-cover {
        width: 672px
    }
    .gw-solution .gw-solution-content .gw-solution-list .gw-solution-list-background .gw-solution-list-content .content-solution-list .content-solution-text {
        margin-right: 32px
    }
}

.xy-header {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #d9d9d9;
    height: 80px;
    width: 100%;
    z-index: 999;
    top: 0;
}

.xy-header .xy-header-content {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    min-width: 1240px;
    width: 1440px
}

.xy-header .xy-header-content .test {
    background: transparent;
    height: 700px;
    left: 0;
    position: absolute;
    top: 80px;
    width: 100%
}

.xy-header .xy-header-content .logo {
    height: 42px;
    margin: 19px 0;
    width: 300px
}

.xy-header .xy-header-content .xy-tabs {
    color: #333;
    display: flex;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 80px;
    text-align: center;
    width: auto
}

.xy-header .xy-header-content .xy-tabs .header-content-hover-border:hover,
.xy-header .xy-header-content .xy-tabs .header-content-hover:hover {
    color: #333
}

.xy-header .xy-header-content .xy-tabs .header-content-hover-border:after {
    background-color: #337dff;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    transition: all .2s ease-in-out;
    width: 0
}

.xy-header .xy-header-content .xy-tabs .header-content-hover-border.ant-popover-open:after {
    left: 0;
    width: 88px
}

.xy-header .xy-header-content .xy-tabs div {
    margin: 0 18px;
    padding: 0 12px
}

.xy-header .xy-header-content .xy-tabs .header-content-hover {
    cursor: pointer
}

.xy-header .xy-header-content .xy-tabs .header-content-hover-border {
    cursor: default;
    position: relative;
    width: 88px
}

.xy-header .xy-header-content .xy-tabs:hover {
    color: grey !important
}

.header-popover-none {
    display: none
}

.header-popover {
    position: fixed;
    top: 65px !important
}

.header-popover .ant-popover-arrow {
    display: none
}

.header-popover .ant-popover-inner {
    background: none
}

.header-popover .ant-popover-inner-content {
    padding: 0
}

.header-popover .product-center {
    background: #f2f3f6;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 4px 4px 0 rgba(173, 184, 209, .3);
    height: auto;
    opacity: .98;
    position: relative
}

.header-popover .product-center .tabs-background {
    bottom: 0;
    height: 350px;
    position: absolute;
    right: 0;
    width: 609px;
    z-index: -1
}

.header-popover .product-center .product-center-list {
    column-count: 4; 
    margin: 0 auto ;
    padding: 50px 0;
    width: 1240px;
    z-index: 1
}
.item_p{
margin-bottom:15px;
  break-inside: avoid;
}
.item_p:nth-child(5n){
margin-right:0;
}

.header-popover .product-center .product-center-list .product-center-list-title {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
    text-transform: none
}

.header-popover .product-center .product-center-list .product-center-list-title img {
    margin-right: 6px;
    position: relative;
    top: -2px
}

.header-popover .product-center .product-center-list .product-center-list-content {
    color: #434343;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    line-height: 36px;
    text-align: left;
    text-transform: none
}

.header-popover .product-center .product-center-list .product-center-list-content  a:hover{
    color: #2076ff!important
}

.header-popover .new {
    background: #f2f3f6;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 4px 4px 0 rgba(173, 184, 209, .3);
    opacity: .98;
    padding-bottom: 160px;
    padding-top: 21px
}

.header-popover .new .new-content {
    color: #333;
    cursor: pointer;
    font-family: MicrosoftYaHeiLight;
    font-size: 16px;
    font-style: normal;
    line-height: 42px;
    padding: 0 41px;
    text-align: left;
    text-transform: none;
    z-index: 1
}

.header-popover .new .new-content:hover {
    color: #2076ff
}

.header-popover .new .new-background {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.header-popover .solution {
width:auto !important;
    background: #f2f3f6;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 4px 4px 0 rgba(173, 184, 209, .3);
    height: auto;
    opacity: .98;
    position: relative;
    z-index: 15
}

.header-popover .solution .tabs-background {
    bottom: 0;
    height: 350px;
    position: absolute;
    right: 0;
    width: 609px;
    z-index: -1
}

.header-popover .solution .solution-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 50px 0;
    width: 1240px;
    z-index: 15
}

.header-popover .solution .solution-list .solution-list-centent {
    background: linear-gradient(180deg, #f3f5f8, #fefeff);
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .2);
    color: #000;
    cursor: pointer;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    font-style: normal;
    height: 90px;
    line-height: 34px;
    margin-bottom: 20px;
    margin-right: 30px;
    padding: 15px 25px;
    text-align: left;
    text-transform: none;
    width: 379px
}

.header-popover .solution .solution-list .solution-list-centent img {
    height: 24px;
    margin-right: 5px;
    width: 24px
}

.header-popover .solution .solution-list .solution-list-centent .solution-list-centent-right {
    display: none
}

.header-popover .solution .solution-list .solution-list-centent .solution-list-centent-subtitle {
    color: grey;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-style: normal;
    line-height: 28px;
    overflow: hidden;
    padding-left: 28px;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap
}

.header-popover .solution .solution-list .solution-list-centent:hover {
    background: url(../images/solution-list-centent-background.945fc1.png) no-repeat;
    background-size: 100% 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .2)
}

.header-popover .solution .solution-list .solution-list-centent:hover .solution-list-centent-right {
    display: inline-block
}

.xy-footer {
    background: #F5F5F5;
    bottom: 0;
    position: relative;
    width: 100%
}

.footer-contain{
    min-width:1200px;
}

.xy-footer .xy-footer-content {
    border-bottom: 1px solid  #DDE2E9;;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    min-width: 1200px;
    width: calc(100% - 480px)
}

.xy-footer .list-border-left{
    width: 68%;
	margin-top:40px;
}
.xy-footer .xy-footer-content-bottom{
	display:flex;
	justify-content:space-between;
}

.xy-footer .xy-footer-content .xy-footer-content-list {
    margin: 40px 0 67px;
    min-width: 70px;
}

.xy-footer .xy-footer-content .xy-footer-content-list .list-title {
    color: #666;
    font-family: MicrosoftYaHeiLight;
    font-size: 12px;
    font-style: normal;
    letter-spacing: 1px;
    line-height: 24px;
    margin-bottom: 12px;
    text-align: left;
    text-transform: none
}

.xy-footer .xy-footer-content .xy-footer-content-list .list-title span {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.xy-footer .xy-footer-content .xy-footer-content-list .list-title1 {
    color: #333333;
    font-family: MicrosoftYaHeiLight;
    font-size: 16px;
    font-style: normal;
    letter-spacing: 1px;
    line-height: 24px;
    margin-bottom: 12px;
    text-align: left;
    text-transform: none
}

.xy-footer .xy-footer-content .xy-footer-content-list .list-title1 span {
    color: #fff;
    font-size: 16px;
    line-height: 36px
}

.xy-footer .xy-footer-content .xy-footer-content-list .list-one-text {
    color: #333;
    font-family: MicrosoftYaHeiLight;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    margin-bottom: 7px;
    text-align: left;
    text-transform: none
}

.xy-footer .xy-footer-content .xy-footer-content-list .list-one-text .list-wechat {
    height: 24px;
    left: 4px;
    position: relative;
    top: -1px;
    width: 24px
}

.xy-footer .xy-footer-content .xy-footer-content-list .list-text {
    color: #666666;
    cursor: pointer;
    font-family: MicrosoftYaHeiLight;
    font-size: 12px;
    font-style: normal;
    line-height: 36px;
    text-align: left;
    text-transform: none
}

.xy-footer .xy-footer-content .list-border-right {
    /* border-right: 1px solid #2a344f; */
    padding-right: 60px;
    width: 25%;
}

.footer-logo{
    margin-bottom:30px;
}

.footer-logo img{
    width:100%
}

.footer-yqlj ul {
	display: flex;
	justify-content: space-between;
	margin:0;
	padding:0;
}

.footer-yqlj ul li {
	width:30%;
	border-bottom: 1px solid #D4D4D4;
	padding-bottom: 16px;
	    list-style: none;
}

.footer-yqlj ul li .friendlink_select {
	width: 100%;
	font-size: 16px;
	color: #666;
	border: none;
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('../images/xglj-icon.png') no-repeat right center;
	background-size: 12px;

}

.footer-yqlj ul li .friendlink_select span {
	display: block;
	background: url('../images/xglj-icon.png') no-repeat right center;
	background-size: 0.06rem;
	border-bottom: 1px solid #D4D4D4;
	padding-bottom: 20px;
	cursor: pointer;
}

.footer-yqlj ul li .friendlink_select a {
	font-size: 0.075rem;
	padding: 0.01rem 0.08rem;
	transition: all .3s;
}

.footer-yqlj ul li .friendlink_select a:hover {
	color: #fff;
	background: #3471C0
}

.put-on-record {
    background: #F5F5F5 ;
    color: #858585;
    font-family: MicrosoftYaHeiLight;
    font-size: 12px;
    font-style: normal;
    height: 60px;
    line-height: 60px;
    text-align: center;
    text-transform: none;
    width: 100%
}